/* 嵌套 */

/* .menu {
    width: 100%;

    a {
        text-decoration: none;
    }

    &::before {
        content: '';
    }
}
 */


/* 变量 */
/* 
$text_color: #232323;

body {
    color: $text_color;
} 
 */


/* 条件 */

/* $column_layout: 2;

.column {
    @if $column_layout==2 {
        width: 50%;
        float: left;
    }

    @else {
        width: 100%;
    }
} */




/*  @for循环 */

/* @for $i from 1 to 3 {
    p:nth-of-type($i) {
        margin-left: calc(100% / $i);
    }
}
 */


/* @each 循环 */


/* $social: twitter,facebook,youtube;

@each $icon in ($social) {
    .icon-$(icon) {
        background: url('img/$(icon).png');
    }
}
 */